@charset "UTF-8";

/*
*
* index.html and index_en.html
* made by cloud @ 2020-11-16;
*/

.banner-swiper-slide{
	height: 805px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.banner-p1{
	font-size: 66px;
	font-family: "ssjd";
	color: #fff;
	height: 66px;
	line-height: 66px;
	margin-top: 238px;
}
.banner-p2{
	font-size: 66px;
	font-family: "ssjd";
	color: #fff;
	height: 66px;
	line-height: 66px;
	margin-top: 5px;
}
.banner-a{
	margin-top: 72px;
}
.banner-a a{
	font-family: Arial;
	font-size: 18px;
	color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0);
    border-radius: 54px;
    padding: 16px 60px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.banner-a a:hover{
	border: 1px solid #fff;
}




.banner .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    background-color: #fff;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: transparent;
}

.aic-title{
	font-size: 46px;
	font-weight: bold;
	height: 46px;
	line-height: 46px;
}
.aic-title::after{
	content: " ";
	color: #004ea2;
	display: block;
	width: 40px;
	height: 5px;
	background-color: #004ea2;
	margin-top: 25px;
}
.aic-title-en{
	font-family: "MONT";
	font-size: 26px;
	color: rgba(0, 0, 0, 0.5);
	margin-top: 58px;
}


.product{
	padding-left: calc((100% - 1400px) / 2);
	background-image: url(../images/productbg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center top;
	border-top: 2px solid #fff;
	padding-top: 164px;
	padding-bottom: 177px;
}
.product-nav{
	width: 340px;
}
.product-x{
	width: calc(100% - 340px);
}
.product-nav-ul{
	margin-top: 60px;
}
.product-nav-ul li{
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 2.667;
    transition: all 0.3s;
    cursor: pointer;
}
.product-nav-ul li.active{
    color: #004ea2;
}
.product-x{
	position: relative;
	min-height: 566px;
}
.product-x-con{
	position: absolute;
	opacity: 0;
	transition: all 0.3s;
}
.product-x-con.in{
	opacity: 1;
}
.pxc1-swiper-slide{
	height: 566px;
	padding-top: 375px;
	padding-bottom: 150px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	transition: all 0.3s;
  position: relative;
}
.pxc1-swiper-slide:hover{
	background-size: 110% 110%;
}
.pxc1ss-tit{
	font-size: 36px;
	color: #fff;
	padding-left: 50px;
	text-shadow: 0 0 3px #333;
}
.pxc1ss-a{
	padding-left: 50px;
	position: relative;
	margin-top: 30px;
}
.pxc1ss-a a{
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 100px;
	border: 1px solid #fff;
}
.pxc1ss-a a img{
	width: 15px;
	margin-top: -4px;
	margin-left: 4px;
}
a.link-strech::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* .lianyi{
    animation:ripple 1.5s ease-out infinite;
    -moz-animation:ripple 1.5s ease-out infinite;
	-webkit-animation:ripple 1.5s ease-out infinite;
	-o-animation:ripple 1.5s ease-out infinite;
} */
.pxc1ss-a:hover .lianyi:before {
	animation:ripple 2s 1s ease-out infinite;
	-moz-animation:ripple 2s 1s ease-out infinite;
	-webkit-animation:ripple 2s 1s ease-out infinite;
	-o-animation:ripple 2s 1s ease-out infinite;
	border:solid 2px #09c;
	border-radius:10em;
	bottom:0;
	box-sizing:border-box;
	content:"";
	left:0;
	position:absolute;
	right:0;
	top:0;
}
.pxc1ss-a:hover .lianyi:after {
	animation:ripple 1s ease-out infinite;
	-moz-animation:ripple 1s ease-out infinite;
	-webkit-animation:ripple 1s ease-out infinite;
	-o-animation:ripple 1s ease-out infinite;
	border:solid 2px #09c;
	border-radius:10em;
	bottom:0;
	box-sizing:border-box;
	content:"";
	left:0;
	position:absolute;
	right:0;
	top:0;
}
@keyframes ripple {0% {opacity:.25;}100% {border-radius:2em;opacity:0;transform:scale(2);}}
@-moz-keyframes ripple {0% {opacity:.25;}100% {border-radius:2em;opacity:0;transform:scale(2);}}
@-webkit-keyframes ripple {0% {opacity:.25;}100% {border-radius:2em;opacity:0;transform:scale(2);}}
@-o-keyframes ripple {0% {opacity:.25;}100% {border-radius:2em;opacity:0;transform:scale(2);}}


















.pxc-swiper-container .swiper-button-prev, .pxc-swiper-container .swiper-button-next{
    top: 50%;
    width: 23px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.pxc-swiper-container .swiper-button-prev{
	background-image: url('../images/pro-l.png');
	left: 94px;
}
.pxc-swiper-container .swiper-button-next{
	background-image: url('../images/pro-r.png');
	right: 94px;
}
.pxc-swiper-container .swiper-button-prev.swiper-button-disabled, .pxc-swiper-container .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}


























.about{
	position: relative;
}
.aboutbgp{
	position: absolute;
	left: 60px;
	top: 165px;
}
.aic-right{
	text-align: right;
}
.aic-right::after{
	margin-left: calc(100% - 40px);
}
.about-intro{
	background-color: #fff;
	margin-top: 0;
	z-index: 9;
	padding: 170px 0 110px;
}

.aic-cont{
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 2.25;
    margin-top: 36px;
    padding-left: 57px;
}
.about-intro-img img{
	width: 100%;
}
.aic-abtns{
	padding-left: 53px;
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}
.aic-abtns .aicb-item a{
	display: block;
	width: 88px;
	height: 88px;
	line-height: 88px;
	border-radius: 100%;
	text-align: center;
	border: 1px solid #e5e5e5;
}
.aic-abtns .aicb-item p{
	text-align: center;
	font-size: 14px;
	margin-top: 15px;
}

.ani-border{
    width: max-content;
    cursor: pointer;
    transition: all .8s;
    position: relative;
    box-sizing: border-box;

}
.ani-border:before,.ani-border:after{
    position: absolute;
    width: 0;
    height: 0;
    content: ' ';
    border: 1px solid transparent;
    box-sizing: border-box;
}
.ani-border::before{
    left: 0;
    top: 0;
}
.ani-border::after{
    right: 0;
    bottom: 0;
}

.ani-border:hover{
    border-color: #004ea2;
}
.ani-border.around{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ani-border.around::before,.ani-border.around::after{
    border-radius: 50%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ani-border.around:hover::before{
    border-top-color: #004ea2;
    border-right-color: #004ea2;
    border-bottom-color: #004ea2;
    -webkit-transition: border-top-color 0s linear, border-right-color 0s linear 0.1s, border-bottom-color 0s linear 0.2s;
    transition: border-top-color 0 linear, border-right-color 0 linear 0.1s, border-bottom-color 0 linear 0.2s;
}
.ani-border.around:hover::after{
    z-index: 10;
    border-top-color: #004ea2;
    -webkit-transform: rotate(270deg);
    transform: 270deg;
    transition: transform .3s linear;
    -webkit-transform: -webkit-transform .3s linear;
}




.quali{
	background-color: #f7f8ff;
	background-image: url('../images/quabg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}
.quali-tit{
	background-image: url('../images/quatitbg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 156px;
}
.quali-title-p{
	font-size: 46px;
	font-weight: bold;
	text-align: center;
}

.quanav{
	display: flex;
    justify-content: center;
    margin-top: 13px;
}
.quanav li+li:before{
	content: "·";
	margin: 0 10px;
}
.quanav li a{
	cursor: pointer;
}
.quanav li.active a{
	color: #0079d0;
}



.ac-img-x-a{
	cursor: pointer;
}
.ac-img-x-a img{
	width: 100%;
}
.ac-img-x-title{
	text-align: center;
	font-size: 18px;
	margin-top: 22px;
}
#showimgmodal .modal-body{
	text-align: center;
}
#showimgmodal .modal-body img{
	max-width: 100%;
}
.ac-swiper-container{
	margin-top: 66px;
	margin-bottom: 66px;
}

.ac-img-x-a{
	position: relative;
	transition: all 0.5s;
	-moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}
.ac-img-x-a:hover img{
	transform: scale(1.02);
}
.ac-swiper-container .swiper-slide .ac-img-mask{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	transition: all 0.5s;
	-moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}
.ac-swiper-container .swiper-slide-prev .ac-img-mask, .ac-swiper-container .swiper-slide-active .ac-img-mask, .ac-swiper-container .swiper-slide-next .ac-img-mask{
	background-color: rgba(0, 0, 0, 0);
	transition: all 0.5s;
	-moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
	display: none;
}
.ac-swiper-container .swiper-button-prev{
	width: 60px;
	height: 60px;
	background-image: url('../images/comparr-l.png');
	background-size: 100% 100%;
	transition: all 0.5s;
	-moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}
.ac-swiper-container .swiper-button-prev:hover{
	background-image: url('../images/comparr-l-h.png');
}
.ac-swiper-container .swiper-button-next{
	width: 60px;
	height: 60px;
	background-image: url('../images/comparr-r.png');
	background-size: 100% 100%;
	transition: all 0.5s;
	-moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}
.ac-swiper-container .swiper-button-next:hover{
	background-image: url('../images/comparr-r-h.png');
}
.aq-x-cont{
	position: relative;
	min-height: 500px;
	margin-bottom: 50px;
	overflow: hidden;
}
.aqxc-part{
	position: absolute;
	top: 0;
	opacity: 0;
	transition: all 0.3s;
	-moz-transition:width 0.3s;
    -webkit-transition:width 0.3s;
    -o-transition:width 0.3s;
}
.aqxc-part.in{
	opacity: 1;
}
.aqxc-swiper-container{
	padding-top: 50px;
	padding-bottom: 60px;
}
.aqxc-swiper-slide {
    transition: 0.3s;
    -moz-transition:width 0.3s;
    -webkit-transition:width 0.3s;
    -o-transition:width 0.3s;
    transform: scale(0.85);
}
.aqxc-swiper-slide.swiper-slide-active,.aqxc-swiper-slide.swiper-slide-duplicate-active{
    transform: scale(1);
}
.aqxc-swiper-slide.swiper-slide-active .ac-img-x-a,.aqxc-swiper-slide.swiper-slide-duplicate-active .ac-img-x-a{
    box-shadow: 0px 0px 16px 0px rgba(37, 132, 211, 0.31);
}
.swiper-slide.aqxc-swiper-slide .ac-img-mask{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	transition: all 0.5s;
	-moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
	z-index: 9;
}
.aqxc-swiper-container .swiper-slide-active .ac-img-mask {
	transition: all 0.5s;
	-moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
	display: none;
}
.aqxc-part .swiper-pagination-fraction, .aqxc-part .swiper-pagination-custom, .aqxc-part .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
    left: 0;
    width: 100%;
}

.aqxc-part .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
.aqxc-part .swiper-pagination-bullet-active {
    opacity: 1;
    background: #004ea2;
}



/* case */
.case{
	background-image: url('../images/casebg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 95px;
	padding-bottom: 70px;
}
.aic-white {
	color: #ffffff;
}
.aic-center{
	text-align: center;
}
.aic-center::after {
    margin-left: calc((100% - 40px) / 2);
}

.css-img>img{
	width: 100%;
	height: 462px;
}
.css-img{
	position: relative;
}
.css-x{
	position: absolute;
	left: 90px;
	width: 425px;
	height: 423px;
	background-color: #ffffff;
	z-index: 99;
	transition: all 0.5s;
    box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.17);
}
.case-swiper-container{
	padding-bottom: 88px;
	margin-top: 55px;
}
.case-swiper-slide .css-x{
	top: 1000px;
}
.case-swiper-slide.swiper-slide-active .css-x{
	top: 127px;
}

.case-swiper-container .swiper-button-prev, .case-swiper-container .swiper-button-next {
    position: absolute;
    top: 40%;
    width: 112px;
    height: 56px;
    margin-top: -28px;
    z-index: 10;
    cursor: pointer;
    background-size: 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all 0.5s;
}
.case-swiper-container .swiper-button-prev:before{
	content: "<";
	font-size: 22px;
	font-family: "MONT";
	color: #ffffff;
	line-height: 56px;
	padding-left: 23px;
}
.case-swiper-container .swiper-button-next:before{
	content: ">";
	font-size: 22px;
	font-family: "MONT";
	color: #ffffff;
	line-height: 56px;
	padding-right: 23px;
	float: right;
}
.case-swiper-container .swiper-button-prev{
	left: calc((100% - 1346px) / 2);
}
.case-swiper-container .swiper-button-next{
	right: calc((100% - 1346px) / 2);
}
.case-swiper-container .swiper-button-next{}
.case-swiper-container .swiper-button-prev:hover, .case-swiper-container .swiper-button-next:hover {
	background-color: #004ea2;
}


.css-x{
	text-align: center;
}
.css-x>img{
	width: 156px;
	height: 156px;
	border-radius: 200px;
	background-color: #f3f3f3;
	margin: 20px auto 0;
}
.css-x-tit{
	font-size: 22px;
	text-align: center;
	margin-top: 20px;
}
.css-x-con{
	color: rgba(0, 0, 0, 0.5);
	padding-left: 45px;
	padding-right: 35px;
	margin-top: 20px;
	text-align: center;
}
.css-x-a a{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50px;
	background-color: #004ea2;
	font-size: 22px;
	color: #ffffff;
	margin: 40px auto 0;
}
/* case */

/* news */
.news-index{
	position: relative;
	padding-left: calc((100% - 1400px) / 2);
}
.news-index-nav{
	width: 315px;
	padding-top: 108px;
	padding-bottom: 20px;
}
.news-index-x{
	width: calc(100% - 315px);
	height: 900px;
}
.news-index-nav-ul{
	margin-top: 60px;
}
.news-index-nav-ul li{
    font-size: 22px;
    color: rgb(0, 0, 0);
    line-height: 2.667;
    transition: all 0.3s;
    cursor: pointer;
}
.news-index-nav-ul li.active{
    color: #004ea2;
}
.news-index-x{
	position: relative;
}
.news-index-x-con{
	position: absolute;
	opacity: 0;
	transition: all 0.3s;
	padding-right: 80px;
}
.news-index-x-con.in{
	opacity: 1;
	z-index: 99;
}

.nix-item{
	border-left: 1px solid #e2e2e2;
	height: 900px;
	width: 27%;
	transition: all 0.3s;
}
.nix-item.hovered{
	width: 46%;
}
.nix-item-x{
	margin-top: 108px;
	border-left: 1px solid transparent;
	margin-left: -1px;
	padding: 0 30px;
	transition: all 0.3s;
	min-height: 216px;
}
.nix-item.hovered .nix-item-x{
	border-left: 1px solid #004ea2;
}
.nix-item a img{
	width: 100%;
	transition: all 0.3s;
	padding: 0 30px;
	max-height: 368px;
}

.nix-item-tit{
	font-size: 22px;
	color: #525252;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nix-item-con{
    color: rgba(0, 0, 0, 0.502);
    line-height: 1.625;
    margin-top: 43px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nix-item-data{
    color: rgba(0, 0, 0, 0.502);
    line-height: 1.625;
    margin-top: 33px;
}
.nix-item-arr{
	margin-left: 30px;
	margin-top: 60px;
	margin-bottom: 45px;
	opacity: 0;
	transition: all 0.3s;
}
.nix-item.hovered .nix-item-tit a{
	color: #004ea2;
}
.nix-item.hovered .nix-item-arr{
	opacity: 1;
}




.btmbg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 51px;
	background-image: url('../images/newsbtmbg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 999;
}
/* news */